<ul class="breadcrumb">
    <li>Nuevo</li>
</ul>
<style>
    .ui-autocomplete-loading {
        background: white url('img/refresh.png') right center no-repeat;
    }
    ul.ui-autocomplete.ui-menu {
        z-index: 1600;
    }
</style>
<form class="form-horizontal">
    <div class="row">
        <div class="span4">
            <div class="control-group">
                <label class="control-label" for="name">Serie-Número :</label>
                <div class="controls">
                    <div class="input-append">
                        <input type="text" id="serie" class="input-mini" placeholder="Serie">
                        <input type="text" id="number" class="input-mini" placeholder="Número">
                    </div>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="operator_id" id="title_operator"></label>
                <div class="controls">
                    <div class="input-append">
                        <input type="text" id="operator_name" placeholder="Nombre" autocomplete="off" data-provide="typeahead">
                        <input type="text" id="operator_code" class="input-small" placeholder="RUC">  
                        <input type="text" id="operator_address" placeholder="Direccion" readonly>  
                        <input type="hidden" id="operator_id" >
                        <!--<button class="btn" type="button"><i class="icon-plus"></i></button>-->
                    </div>
                </div>
            </div>
        </div>
        <div class="span4">            
            <div class="control-group">
                <label class="control-label" for="name">Fecha : </label>
                <div class="controls">
                    <input type="text" id="date"  class="input-small" placeholder="Fecha">
                </div>
            </div>            
        </div>
        <!--<div class="span3">
            <div class="control-group">
                <label class="control-label" for="name">Name</label>
                <div class="controls">
                    <input type="text" id="name" placeholder="Name">
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="name">Name</label>
                <div class="controls">
                    <input type="text" id="name" placeholder="Name">
                </div>
            </div>

        </div>
        <div class="span3">
            <div class="control-group">
                <label class="control-label" for="name">Name</label>
                <div class="controls">
                    <input type="text" id="name" placeholder="Name">
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="name">Name</label>
                <div class="controls">
                    <input type="text" id="name" placeholder="Name">
                </div>
            </div>

        </div>-->
    </div>
    <div class="control-group">
        <div class="controls">
            <button id="add_article_view" class=" btn btn-info">Agregar Articulo</button>


        </div>
    </div>

    <div class="row" >
        <div class="span9">
            <table  id="tbl_list" class="table table-bordered table-hover">

                <thead>
                    <tr>
                        <th>Articulo</th>
                        <th style="width: 80px;text-align: center;">Precio</th>
                        <th style="width: 80px;text-align: center;">Cantidad</th>
                        <th style="width: 80px;text-align: center;">SubTotal</th>
                        <th style="width: 80px;text-align: center;"></th> 
                    </tr> 
                </thead>
                <tbody>
                </tbody>
                <tfoot>
                    <tr>
                        <th></th>
                        <th></th>
                        <th>SubTotal</th>
                        <th style="text-align: center;" id="subtotal">0.00</th>
                        <th></th> 
                    </tr>
                    <tr>
                        <th></th>
                        <th></th>
                        <th>IGV</th>
                        <th style="text-align: center;" id="tax">0.00</th>
                        <th></th> 
                    </tr>
                    <tr>
                        <th></th>
                        <th></th>
                        <th>Total</th>
                        <th style="text-align: center;" id="total">0.00</th>
                        <th></th> 
                    </tr>
                </tfoot>
            </table>
        </div> 
    </div>

    <div class="control-group">
        <div class="controls">
            <button id="add_action" class="btn btn-primary">Guardar</button>
            <button id="cancel_action"  class="btn">Cancel</button>

        </div>
    </div>
</form>

<div id="dialog-list-articles" title="Lista de Articulos">    
    <form class="form-horizontal">
        <div class="control-group">
            <label class="control-label" for="article_name">Article</label>
            <div class="controls">
                <div class="input-append">
                    <input type="text" id="article_name" placeholder="Name"  autocomplete="off" data-provide="typeahead">
                    <input type="hidden" id="article_id" >
                    <!--<button class="btn" type="button"><i class="icon-plus" style="margin-top: -6px;"></i></button>-->
                </div>
                
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="article_price">Precio</label>
            <div class="controls">
                <input type="text" id="article_price" placeholder="Precio">
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="article_quantity">Cantidad</label>
            <div class="controls">
                <input type="text" id="article_quantity" placeholder="Cantidad">
            </div>
        </div>        
    </form>
</div>
<!--<div id="dialog-modal" title="Lista de Articulos">    
    <form class="form-horizontal">
        <div class="control-group">
            <label class="control-label" for="article_name">Article</label>
            <div class="controls">
                <input type="text" id="article_name" placeholder="Name">
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="article_price">Precio</label>
            <div class="controls">
                <input type="text" id="article_price" placeholder="Precio">
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="article_quantity">Cantidad</label>
            <div class="controls">
                <input type="text" id="article_quantity" placeholder="Cantidad">
            </div>
        </div>        
    </form>
</div>-->